body,ul,div,p,input {
    margin: 0;
    padding: 0;
}
li{
    display: list-item;
    list-style: none;
}
a{
    text-decoration: none;
}
.header{
    position: relative;
    height: 89px;
    width: 100%;
    font-style: normal;
    font-size: 14px;
    z-index: 998;
}
.header .bar{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-color: #ff6000;
}
.header .in{
    width: 65%;
    margin: 0 auto;
}
.header .uer{
    position: relative;
    width: 140px;
    height: 32px;
    float: right;
    margin-left: 15px;
    /*right: 35px;*/
    background: #ffa000;
}
.header .uer>p{
    padding-left: 39px;
}
.header .uer>p>a{
    color: white;
}
.header .uer ul{
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 32px;
}
.header .uer ul .tle:hover{
    background-color: #ff801b;
}
.header .uer ul .e7:hover{
    background-color: #ffe2ab;
}
.header .uer ul .e1:hover{
    background-color: #ffe2ab;
}
.header .uer ul .e2:hover{
    background-color: #ffe2ab;
}
.header .uer ul .e4:hover{
    background-color: #ffe2ab;
}
.header .uer ul .last:hover{
    background-color: #ffe2ab;
}
.header .uer ul:hover li{
    display: block;
}


/*===========================================*/
.header .uer li.tle{
    background-color: #ffa000;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    border: none;
    list-style: none;

}
.header .uer li.tle a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    /*margin: 0 auto;*/
    margin-left: -5px;
}
.header .uer .tle .geren{
    display: inline-block;
    float: left;
    width: 20px;
    height: 32px;
    position: relative;
    left: 45px;
    top: 3px;
}
.header .uer .uname{
    display: inline-block;
    height: 32px;
    color: #fff;
    text-indent: 0;
    padding-left: 26px;
}
/*========================================*/
/*.header .uer .tle:hover+li{*/
/*    display: block;*/
/*}*/

.header .uer li.e7{
    display: none;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    list-style: none;
}
.header .uer li.e7 a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #666;
    margin-left: -5px;
}
.header .uer .e7 .shouye{
    display: inline-block;
    float: left;
    width: 20px;
    height: 40px;
    position: relative;
    left: 20px;
    top: 3px;
}
/*=====================================*/
.header .uer li.e1{
    display: none;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    list-style: none;
}
.header .uer li.e1 a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #666;
    margin-left: -5px;
}
.header .uer .e1 .wendang{
    display: inline-block;
    float: left;
    width: 20px;
    height: 40px;
    position: relative;
    left: 20px;
    top: 3px;
}
/*====================================*/
.header .uer li.e2{
    display: none;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    list-style: none;
}
.header .uer li.e2 a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #666;
    margin-left: -5px;
}
.header .uer .e2 .yanjing{
    display: inline-block;
    float: left;
    width: 20px;
    height: 40px;
    position: relative;
    left: 20px;
    top: 3px;
}
/*==============================*/
.header .uer li.e4{
    display: none;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    list-style: none;
}
.header .uer li.e4 a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #666;
    margin-left: -5px;
}
.header .uer .e4 .shizhong{
    display: inline-block;
    float: left;
    width: 20px;
    height: 40px;
    position: relative;
    left: 20px;
    top: 3px;
}
/*==============================*/
.header .uer li.last{
    display: none;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border: none;
    list-style: none;
}
.header .uer li.last a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #666;
    margin-left: -5px;
}
.header .uer .last .tuichu{
    display: inline-block;
    float: left;
    width: 20px;
    height: 40px;
    position: relative;
    left: 20px;
    top: 3px;
}
.header .uer li.last{
    border: 1px solid #e8e8e8;
}
/*==============================*/
.header p{
    margin: 0;
    padding: 0;
}
.header .rlk{
    padding: 0;
    float: right;
    height: 32px;
    margin-left: 15px;
}
.header .rlk a{
    text-decoration: none;
    color: #fff;
}
.header .rlk .lb{
    margin: 0 8px;
}
.header .nag{
    height: 56px;
    line-height: 56px;
    background: url(//img01.51jobcdn.com/im/2016/home/bg_top.png) repeat-x;
    border-bottom: 1px solid #e8e8e8;
}
.header .nag:hover .nlink a{
    color: #333;
}
/*.header .nag .nlink a*/
.header .nag:hover{
    background: #fff;
    opacity: 10;
}
.header .nag .logo{
    width: 90px;
    height: 40px;
    position: relative;
    float: left;
    margin-top: 8px;
}
.header .nag .slogen{
    width: 162px;
    height: 17px;
    float: left;
    margin: 20px 0 0 10px;
}
.header .nag .nlink{
    float: right;
}
.header .nag .nlink a{
    float: left;
    height: 56px;
    font-size: 16px;
    margin-left: 40px;
    text-decoration: none;
    color: white;
}
/*.header .nag .nlink .on{*/
    /*height: 52px;*/
    /*font-weight: bolder;*/
    /*color: #ff6000;*/
    /*border-bottom: 4px solid #ff6000;*/
/*}*/
.header .nag .nlink a:hover{
    color: #ff6000;
}

.content{
    height: 365px;
    background: url("../images/homepageBackground.jpg")center no-repeat;
    /*background-size: 100% 600px;*/
}
/*==========================搜索部分==========================*/

.search-box{
    width: 900px;
    height: 128px;
    margin: 98px auto;
    padding: 20px 20px 0 20px;
    background: url(//img01.51jobcdn.com/im/2016/home/bg_flter3.png) repeat;
    border-radius: 2px;
}
.search{
   margin-left: 30px;
    margin-right: 30px;
    height: 40px;
    background: white;
    border-radius: 2px;
}
.city{
    width: 110px;
    text-align: center;
    line-height: 40px;
    color: #999 !important;
    font-size: 14px;
    border-right: 1px #b4b4b4 solid;
    cursor: pointer;
    display: inline-block;
    /*background: white;*/
}
.city>span{
    color: #ff6000;
    font-size: 14px;
    font-weight: 800;

}
.search-text{
    width: 589px;
    border: none;
    padding-left: 10px;
    font-size: 16px;
    outline: none;
    /*background: white;*/
}
.search-btn{
    width: 120.5px;
    height: 40px;
    border:none;
    border-radius: 2px;
    background-color: #ff6000;
    font-size: 20px;
    color: white;
    cursor: pointer;
    outline: none;

}
.search-hot{
    width: 790px;
    height: 35px;
    padding: 10px 20px 0 0;
    display: flex;
    color: #e4e4e4;
    font-size: 14px;
    border-bottom: 1px solid white;
    margin-left: 30px;
}
.search-hot>label{
    display: inline-block;
    margin-right: 10px;
}
.hot-job{
    margin-left: 20px;
    color: white;
    font-size: 14px;
    text-decoration: none;
}
.hot-job:hover{
    cursor: pointer;
    color: #FF6000;
}
.search-bottom{
    width: 790px;
    height: 35px;
    padding: 10px 20px 0 0;
    color: #e4e4e4;
    font-size: 14px;
    border-bottom: 1px solid white;
    margin-left: 30px;
    color: white;
}
.search-bottom>span{
    width: 76px;
    margin-right: 20px;
}
.search-bottom>span>a{
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;

}
.search-bottom>span>a:hover{
    color: #FF6000;

}
.jlmb{
    color: white;
    background: url("../images/search-imgs.png")no-repeat;
    background-position: -150px 3px;
}
.qzx{
    color: white;
    background: url("../images/search-imgs.png")no-repeat;
    background-position: -150px -17px;
}
.qzgl{
    color: white;
    background: url("../images/search-imgs.png")no-repeat;
    background-position: -150px -37px;
}
.zccd{
    color: white;
    background: url("../images/search-imgs.png")no-repeat;
    background-position: -150px -77px;
}
.qypm{
    color: white;
    background: url(../images/icon_medal.png) left center no-repeat;
}
.hlwzp{
    color: #ffff8d ;
    background: url(../images/icon_game3.png) 0 4px no-repeat;

}
.mqzp{
    color: #ffff8d ;
    background: url(../images/icon_game3.png) 0 4px no-repeat;
    background-position: 0 -18px;
}
.job-body{
    background: whitesmoke;
    height: 1000px;
    margin-top: -30px;
}
.cityWhere{
    position: relative;
    width: 950px;
    height: 30px;
    margin: auto;
    top: 20px;
    line-height: 30px;
    padding: 8px 20px 8px 20px;
    background-color: #fff;

}
.cityWhere .cityname{
    display: inline-block;
    margin-left: 15px;

}
.cityWhere .cityname>a{
    color: #333333;
    font-size: 14px;
   margin-left: 5px;
}
.cityWhere .cityname>a:hover{
    color: #ff6000;
}
.cityWhere>label{
    color: #FF6000;
    font-weight: 800;
    font-size: 16px;
}
.more{
    float: right;
    color: #00457d;
    display: inline-block;
}
.more:hover{
    color: #FF6000;
}
/*.citymore{*/
    /*display: none;*/
/*}*/


.Pinyin_search{
    position: relative;
    width: 950px;
    height: 25px;
    margin:auto;
    margin-top: 20px;
    line-height: 30px;
    padding: 8px 20px 8px 20px;
    background-color: #fff;
}
.Pinyin_search>label{
   float: left;
    color: #FF6000;
    font-size: 14px;
}
.Pinyin_search ul{
    list-style: none;
    display: inline-block;
    margin-left: 30px;
    margin-top: 3px;
}
.Pinyin_search li{
    float: left;
    width: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-right: 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
    cursor: pointer;
}
.Pinyin_search li:hover{
    color: #FF6000;
    border: 1px solid #FF6000;
    background: #fff2e3;
}
.pinyin_city{
    position: relative;
    width: 950px;
    height: 46px;
    margin: auto;
    line-height: 30px;
    padding: 8px 20px 8px 20px;
    background-color: #fff;
}
.pinyin_city a{
    color: #666666;
    font-size: 14px;
    margin-left: 5px;

}
.pinyin_city a:hover{
    color: #FF6000;
}
/*.citymore{*/
    /*display: block;*/
/*}*/
/*d2,d3,d4,d5,d6,d7,d8{*/
    /*!*display: none;*!*/
/*}*/
.on{
    display: block;
    color: #ff6000;
    background-color: #fff2e3;
    border-color: #ff6000
}
.ondisplay{
    display: inline;
}
.hist{
    width: 990px;
    height: 30px;
    margin: 30px auto;
}
.hist .h {
    position: relative;
    float: left;
    width: 240px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-right: 10px;
    background-color: #fff;

}
.hist .h span {
    position: relative;
    width: 150px;
    display: inline-block;
}
.hist .h .icontext{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hist .h4{
    margin-right: 0;
}
/*=============================================*/
.conpany-select{
    width: 950px;
    height: 800px;
    padding: 10px 20px 10px 20px;
    background: white;
    margin: 30px auto;

}
.conpany-head-label{
    color: #FF6000;
    font-weight: 800;
    font-size: 16px;
}
.conpany-head-right{
    color: #00457D;
    font-size: 14px;
    float: right;
}
.conpany-classification{
    float: left;
    width: 290px;
    height: 68px;
    margin: 10px 0 10px 0px;
    padding: 10px;
    border: 1px solid #E8E8E8;
}
ul{
    list-style: none;
}
.conpany-classification>ul>li>div>a {
    height: 34px;
    width: 196px;
    line-height: 34px;
    font-size: 14px;
}
.conpany-name{
    display: block;
    color: #333333;
}
.conpany-type{
    color: #666666;
}
.conpany-img{

}
.conpany-img a{

}
.con-img{
    max-width: 88px;
    max-height: 88px;
    vertical-align: middle;
    border: 0 none;
}


/*=======================index1====================*/
.content-company{
    width:990px;
    height: 220px;
    margin: 30px auto;
    background-color: white;
}
.content-company-main{
    width: 100%;
    height: 200px;
    /*  background-color: #ff6000;*/
}
.content-company-main div{
    float: left;
    width: 18%;
    height: 180px;
    margin-top: 10px;
    margin-left: 13px;
}
#company-1,#company-2,#company-3,#company-4{
    font-size: 16px;
    color: black;
}
. main-content .content-company .content-company-1 a{
    text-decoration: none;
}
.content-company-1{
    border-right: 1px solid #C1C1C1;
    background-color: white;
}
.content-company-2{
    background-color: #8c8c8c;
}
.content-company-3{
    background-color: red;
}
.content-company-4{
    background-color: yellow;

}


.content-company-5 .til {
    display: block;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    color: #427fed;
    margin-bottom: 9px;
    border-bottom: 1px solid #ddd;
}
.content-company-5 .til:hover{
    color: #ff6000;
}
#company-fenlei {
    width: 184px;;
    height: 80px;
}
#company-fenlei span {
    display: inline-block;
    width: 80px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    margin-top: -20px;
}
#company-fenlei span a{
    font-size: 14px;
    color: #666;
}
#company-fenlei span a:hover{
    color: #ff6000;
}
.content-company-1 span{
    display: block;
    width: 80%;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}
.content-company-1 span a{
    color: #666666;
}
.content-company-1 span a:hover{
    color: #ff6000;
}
.content-company-5 .company-entr{
    display: block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-left: 15px;
    background-color: #427fed;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
}
.job-body .guanggaobox{
    width:990px;
    margin: 0px auto;
}
.guanggao{
    width: 990px;
}


/*================index2招聘==========================*/
.job-body-b{
    width: 990px;
    height: 530px;
    margin: 0 auto;
    margin-top: 20px;
}
.job-title{
    font-size: 18px;
    font-weight: 400;
    color: #393939;
}
.job-list,.conpany-list{
    width: 950px;
    height: 110px;
    list-style: none;
    border-top: 1px solid #b2b2b2;
}
.job-list>li,.conpany-list>li{
    display: inline-block;
    width: 30%;
    background-color: white;
    margin-right: 15px;
    margin-top: 30px;
}
.job-list li{
    border: 1px solid #E8E8E8;
}
.job-list:hover{
    cursor: pointer;
}
.job-info{
    width: 100%;
    height: 50px;
    color: #737373;
    font-size: 14px;
    line-height: 50px;
    /*background-color: #00c65d;*/
}
.job-info .name{
    margin-left: 20px;
}
.job-info:hover{
    color: #FF6000;
}
.job-info .salary{
    margin-left: 50px;
    color: orange;
}
.job-text{
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    margin-left: 20px;
}
.user{
    height: 50px;
}
.user-info{
    height: 50px;
    margin: 10px 20px;
    border-top: 1px dashed #c4c4c4;
}
.user-info>a{
    font-size: 14px;
    color: #737373;
    text-decoration: none;
}
.user:hover{
    background-color: rgba(242, 249, 244, 0.98);
}
.user-info>a>img{
    position: relative;
    top: 12px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.company-name{
    margin-left: 20px;
    font-size: 16px;
}
.user-name{
    margin-left: 20px;
    font-size: 12px;
}
.vline{
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #e0e0e0;
    vertical-align: middle;
    margin: 0 10px;
}
.user-info>a>i{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 3px;
    margin-left: 20px;
    background: url("../images/Collection-before.svg");
}
.user-info>a>i:hover{
    background: url("../images/collection.svg");
}

/*==========名企招聘==============*/

